<!-- SKU选择弹框组件 -->
<template>
	<!-- 直接使用s-select-sku组件 -->
	<s-select-sku 
		:isGift="0" 
		:isCategoryPage="true" 
		:goodsInfo="goodsInfo" 
		:show="show"
		:userInfo="userInfo"
		@addCart="handleAddCart" 
		@buy="handleBuy" 
		@change="handleSkuChange"
		@close="handleClose" />
</template>

<script setup>
	// 定义 props
	const props = defineProps({
		show: {
			type: Boolean,
			default: false
		},
		goodsInfo: {
			type: Object,
			default: () => ({})
		},
		userInfo: {
			type: Object,
			default: () => ({})
		}
	});

	// 定义 emits
	const emit = defineEmits(['addCart', 'buy', 'change', 'close']);

	// 添加购物车
	function handleAddCart(e) {
		emit('addCart', e);
	}

	// 立即购买
	function handleBuy(e) {
		emit('buy', e);
	}

	// 规格变更
	function handleSkuChange(e) {
		emit('change', e);
	}

	// 关闭弹框
	function handleClose() {
		emit('close');
	}
</script>

<style lang="scss" scoped>
	/* 组件样式已简化，直接使用 s-select-sku 组件的样式 */
</style>
